<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>Document</title> 
    <link rel="stylesheet" href="../css/sass/public.css">
    <link rel="stylesheet" href="../css/sass/list.css">
    <div class="header"></div>
    <div class="main">
        <div class="mainbox">
            <div class="main_lt">
            <div class="liulan">
                <div class="liu_h">
                    <p>浏览记录</p>
                </div>
                <div class="liu_d"></div>
            </div>
            <div class="rexiao">
                <div class="re_h">
                    <p>热销排行</p>
                </div>
                <div class="re_d">
                 <li>
                    <img src="../img/20121115153145576!160x160.jpg" alt="">
                    </li><li>莲花晴雯胶囊</li>
                    <span>￥29.90</span>
                
                <li>
                    <img src="../img/20121115153145576!160x160.jpg" alt="">
                    </li><li>莲花晴雯胶囊</li>
                    <span>￥29.90</span>
                
                <li>
                    <img src="../img/20121115153145576!160x160.jpg" alt="">
                    </li><li>莲花晴雯胶囊</li>
                    <span>￥29.90</span>
                
                <li>
                    <img src="../img/20121115153145576!160x160.jpg" alt="">
                    </li><li>莲花晴雯胶囊</li>
                    <span>￥29.90</span>
                
                </div>
            </div>
            
        </div>
        <div class="mian_rt">
            <ul class="list_ul">
                <!-- <li>
                    <div class="goods">
                        <div class="tu"><img src="../img/images/list1.jpg" alt=""></div>
                    </div>
                    <div class="doullor">
                        <span>￥</span>
                        <span>￥</span>
                        <span>￥</span>
                    </div>
                    <div class="jianjie"></div>
                    <div class="c"><input type="button" value="加入购物车" class="gwc"></div>
                </li> -->
                <a href="../html/car.html"></a>
            </ul>
        </div>
        </div>
    </div>
    <div class="footer"></div>

  
</head>
<script src="../js/jquery-1.11.3.min.min.js"></script>
<script src="../js/list.min.js"></script>
<script>
    $(".header").load("../html/pubilchead.html")
    $(".footer").load("../html/publicfoot.html")
    $(function(){
    $('#ssss').hover(function(){
        $(this).children('.liss').stop().slideToggle(300);
    })
 $('.liss li').hover(function(){
        $(this).children('.zhong').stop().slideToggle(300);
    })
})
$.get('../data/ganmao.json',function(data){
for(let sp in data){
    $(`<li>
            <div class="goods">
              <div class="tu">  <a href="../html/car.html"><img src="${data[sp].url}" alt=""></a></div>
              <div class="doullor">
                            <span>￥</span>
                            <span>￥${data[sp].price}</span>
                            <span>￥${data[sp].price1}</span>
              </div>
              <div class="jianjie"><img src="${data[sp].url1}" alt="">
                <span>${data[sp].jieshao}</span></div>
            <input type="button" value="加入购物车" class="gwc"></div>
            
                    </li>
    `).appendTo('.list_ul')
  
}
    })



</script>
<body></body>
    

</html>